<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <!-- 引入echarts-->
  <script src="echarts.min.js"></script>
</head>
<body>
<!--为ECharts准备好一个具备大小(宽高)的DOM-->
<div id="main" style="width:900px;height:600px;"></div>
<script>
  //基于准备好的DOM，初始化echarts实例
  var myChart=echarts.init(document.getElementById('main'));
  //指定图表的配置项和数据
  var option={
    tooltip:{
      formatter:'{a}<br/>{b}:{c}%'
    },
    toolbox:{
      feature:{
        restore:{},
        saveAsImage:{}
      }
    },
    //数据
    series:[{
      name:'业务指标',
      type:'gauge',
      detail:{formatter:'{value}%'},
      data:[{value:32,name:'完成率'}]
    }]
  };
  //使用刚指定的配置项和数据显示图表
  myChart.setOption(option);
  //动态的修改仪表盘的位置
  setInterval(function(){
    option.series[0].data[0].value=(Math.random()*100).toFixed(2)-0;
    myChart.setOption(option,true);
  },2000);
</script>
</body>
</html>